<!DOCTYPE html>
<html lang="en">
<head>
<title>Products</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="/static/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="/static/css/style.css" type="text/css" rel="stylesheet" media="all">  
<link href="/static/css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons --> 
<link href="/static/css/jquery.pagination.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="/static/css/owl.carousel.css" type="text/css" media="all"/> <!-- Owl-Carousel-CSS -->
<!-- //Custom Theme files --> 
<!-- js -->
<script src="/static/js/jquery-2.2.3.min.js"></script>  
<!-- //js -->
<!-- web-fonts -->   
<link href="http://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> 
<link href="http://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
<!-- //web-fonts -->
</head>

<body> 
	<!-- banner -->
	<div class="banner about-w3bnr">
		<!-- header -->
		<div class="header">
			<div class="w3ls-header"><!-- header-one --> 
				<div class="container">
					<div class="w3ls-header-left">
						<p>祝您用餐愉快 Yammy~</p>
					</div>
					<div class="w3ls-header-right">
						<ul>
                         {% if user.is_authenticated  %}
                            <li class="head-dpdn">
                                欢迎您：<em>{{ user.username }}</em>
                                <a href="{{ url('users:logout') }}">退出</a>
                            </li>
                            {% else %}
							<li class="head-dpdn">
								<a href="{{ url('users:login') }}"><i class="fa fa-sign-in" aria-hidden="true"></i> 登录</a>
							</li>
							<li class="head-dpdn">
								<a href="{{ url('users:register') }}"><i class="fa fa-user-plus" aria-hidden="true"></i> 注册</a>
							</li>
                         {% endif %}
							<li class="head-dpdn">
								<a href="offers.html"><i class="fa fa-gift" aria-hidden="true"></i> 优惠</a>
							</li> 
							<li class="head-dpdn">
								<a href="help.html"><i class="fa fa-question-circle" aria-hidden="true"></i> 帮助</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div> 
				</div>
			</div>
			<!-- //header-one -->    
			<!-- navigation -->
			<div class="navigation agiletop-nav">
				<div class="container">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header w3l_logo">
							<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>  
							<h1><a href="index.html">NiceFood<span>Best Food Collection</span></a></h1>
						</div> 
						<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
							<ul class="nav navbar-nav navbar-right">
								<li><a href="{{ url('index:index') }}">首页</a></li>
								<!-- Mega Menu -->
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">菜单 <b class="caret"></b></a>
									<ul class="dropdown-menu multi-column columns-3">
										<div class="row">
											<div class="col-sm-4">
												<ul class="multi-column-dropdown">
													<h6>Food type</h6>
                                                    {% for categroy in categories %}
                                                        <li><a href="/list?c_id={{ categroy.id }}">{{ categroy.name }}</a></li>
												    {% endfor %}
												</ul>
											</div>
											<div class="col-sm-4">
												<ul class="multi-column-dropdown">
													<h6>Cuisine</h6> 
													<li><a href="menu.html">中式菜谱</a></li>
												</ul>
											</div>
											<div class="col-sm-4">
												<ul class="multi-column-dropdown">
													<h6>Box type</h6> 
													<li><a href="menu.html">饮食</a></li>
												</ul>
											</div> 
											<div class="clearfix"></div>
										</div>
									</ul>
								</li>
								<li><a href="{{ url('users:usercenter') }}">用户中心</a></li>
								<li class="w3pages"><a href="{{ url('wishs:wish') }}" >我的心愿单❤ <span class="caret"></span></a>
{#									<ul class="dropdown-menu">#}
{#										<li><a href="icons.html">Web Icons</a></li>#}
{#										<li><a href="codes.html">Short Codes</a></li>     #}
{#									</ul>#}
								</li>  
								<li><a href="{{ url('shoppingcarts:carts') }}">购物车</a></li>
							</ul>
						</div>
						<div class="cart cart box_1"> 
							<form action="#" method="post" class="last"> 
								<input type="hidden" name="cmd" value="_cart" />
								<input type="hidden" name="display" value="1" />
								<button class="w3view-cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-hidden="true"></i></button>
							</form>   
						</div> 
					</nav>
				</div>
			</div>
			<!-- //navigation --> 
		</div>
		<!-- //header-end --> 
		<!-- banner-text -->
		<div class="banner-text">	
			<div class="container">
				<h2>Delicious food from the <br> <span>Best Chefs For you.</span></h2> 
			</div>
		</div>
	</div>
	<!-- //banner -->    
	<!-- breadcrumb -->  
	<div class="container">	
		<ol class="breadcrumb w3l-crumbs">
			<li><a href="#"><i class="fa fa-home"></i> Home</a></li> 
			<li class="active">Dishes</li>
		</ol>
	</div>
	<!-- //breadcrumb -->
	<!-- products -->
	<div class="products">	 
		<div class="container">
			<div class="col-md-9 product-w3ls-right"> 
				<div class="product-top">
					<h4>Food Collection</h4>
					<ul> 
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Filter By<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Low price</a></li> 
								<li><a href="#">High price</a></li>
								<li><a href="#">Latest</a></li>  
							</ul> 
						</li>
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Food Type<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Breakfast</a></li> 
								<li><a href="#">Lunch</a></li>
								<li><a href="#">Dinner</a></li>  
							</ul> 
						</li>
					</ul> 
					<div class="clearfix"> </div>
				</div>
				<div class="products-row">
					<div class="col-xs-6 col-sm-4 product-grids" style="width: 100%">
                        {% for pro_cate in product_cate %}
						<div class="flip-container">
							<div class="flipper agile-products">
								<div class="front"> 
									<img src="{{ pro_cate.url }}" class="img-responsive" alt="img">
									<div class="agile-product-text">              
										<h5>{{ pro_cate.name }}</h5>
									</div> 
								</div>
								<div class="back">
									<h4>{{ pro_cate.name }}</h4>
									<p>{{ pro_cate.introduce }}</p>
									<h6>{{ pro_cate.price }}<sup>元</sup></h6>
									<form action="#" method="post">
										<input type="hidden" name="cmd" value="_cart">
										<input type="hidden" name="add" value="1">
										<input type="hidden" name="w3ls_item" value="Fish salad">
										<input type="hidden" name="amount" value="3.00">
										<button type="button"  id="add_cart" class="w3ls-cart pw3ls-cart" >添加进购物车 </button>
										<span class="w3-agile-line"> </span>
                                        <input  type="hidden" id="pro_cate_id" value="{{ pro_cate.id }}" style="display: none">
										<a href="#" data-toggle="modal"  data-target="#{{ pro_cate.id }}">more </a>

									</form>
								</div>
							</div>
						</div>
                        {% endfor %}
					</div>

{#                    <div class="pagenation">#}
{#                    <div id="pagination" class="page">这是分页这是分页</div>#}
{#                </div>#}
{#                    <div class="col-xs-6 col-sm-6 product-grids">#}
{#                        {% for pro_cate in product_cate %}#}
{#						<div class="flip-container flip-container1">#}
{#							<div class="flipper agile-products">#}
{#								<div class="front">#}
{#									<div class="agile-product-text agile-product-text2">#}
{#										<h5>{{ pro_cate.name }}</h5>#}
{#									</div>#}
{#									<img src="{{ pro_cate.url }}" class="img-responsive" alt="img">#}
{#								</div>#}
{#								<div class="back">#}
{#									<h4>{{ pro_cate.name }}</h4>#}
{#									<p>{{ pro_cate.introduce }}</p>#}
{#									<h6>{{ pro_cate.price }}<sup>元</sup></h6>#}
{#									<form action="#" method="post">#}
{#										<input type="hidden" name="cmd" value="_cart">#}
{#										<input type="hidden" name="add" value="1">#}
{#										<input type="hidden" name="w3ls_item" value="Sandwich & soup">#}
{#										<input type="hidden" name="amount" value="5.00">#}
{#										<button type="submit" class="w3ls-cart pw3ls-cart"><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>#}
{#										<span class="w3-agile-line"> </span>#}
{#										<a href="#" data-toggle="modal" data-target="#myModal1">More</a>#}
{#									</form>#}
{#								</div>#}
{#							</div>#}
{#						</div>#}
{#                        {% endfor %}#}
{#					</div>#}

					<div class="clearfix"> </div>
				</div>
			</div>


			<div class="col-md-3 rsidebar">
				<div class="rsidebar-top">
					<div class="slider-left">
						<h4>选择人群</h4>
						<div class="row row1 scroll-pane">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>小孩</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>青少年</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>成人</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>老年人</label>
						</div> 
					</div>
					<div class="sidebar-row">
						<h4>菜谱类型</h4>
						<ul class="faq">
							<li class="item1"><a href="#">中式菜谱<span class="glyphicon glyphicon-menu-down"></span></a>
								<ul>
									<li class="subitem1"><a href="#">早餐</a></li>
									<li class="subitem1"><a href="#">中餐</a></li>
									<li class="subitem1"><a href="#">晚餐</a></li>
{#									<li class="subitem1"><a href="#">Trending Food</a></li>										#}
								</ul>
							</li>
						</ul>
						<div class="clearfix"> </div> 
						<!-- script for tabs -->
						<script type="text/javascript">
							$(function() {
							
								var menu_ul = $('.faq > li > ul'),
									   menu_a  = $('.faq > li > a');
								
								menu_ul.hide();
							
								menu_a.click(function(e) {
									e.preventDefault();
									if(!$(this).hasClass('active')) {
										menu_a.removeClass('active');
										menu_ul.filter(':visible').slideUp('normal');
										$(this).addClass('active').next().stop(true,true).slideDown('normal');
									} else {
										$(this).removeClass('active');
										$(this).next().stop(true,true).slideUp('normal');
									}
								});
							
							});
						</script>
						<!-- script for tabs -->
					</div>
					<div class="sidebar-row">
						<h4>优惠折扣</h4>
						<div class="row row1 scroll-pane">  
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>30% - 20% (2)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>10% - 5% (5)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>30% - 20% (7)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>10% - 5% (2)</label>
							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other(50)</label>
						</div>
					</div>
{#					<div class="sidebar-row">#}
{#						<h4>DELIVERY TIME</h4>#}
{#						<div class="row row1 scroll-pane">#}
{#							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>6.30 am to 8.30 am</label>#}
{#							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>11.30 am to 1.30 pm</label>#}
{#							<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>7.30 pm to 10.00 pm</label> #}
{#						</div>#}
{#					</div>			 #}
				</div>
				<div class="related-row">
					<h4>相关查询</h4>
					<ul>
                        {% for search_cate in product_cate %}
						<li><a href="#{{ search_cate.id }}">{{ search_cate.name }}</a></li>
                        {% endfor %}
{#						<li><a href="products.html">Vegetarian</a></li>#}
{#						<li><a href="products.html">Dinner</a></li>#}
{#						<li><a href="products.html">Diet Soup</a></li>#}
{#						<li><a href="products.html">Sweets</a></li>#}
{#						<li><a href="products.html">Seasonal</a></li>#}
{#						<li><a href="products.html">Breakfast</a></li>#}
{#						<li><a href="products.html">Italian Food</a></li>#}
{#						<li><a href="products.html">Meals</a></li> #}
					</ul>
				</div>
				<div class="related-row">
					<h4>YOU MAY ALSO LIKE</h4>
					<div class="galry-like">
{#                        {% for img_foods in product_cate %}#}
{#						<a href="#" data-toggle="modal" data-target="#myModal1"><img src="{{ img_foods.url }}" class="img-responsive" alt="img"></a>         #}
{#                        {% endfor %}#}
					</div>
				</div>
			</div>
			<div class="clearfix"> </div> 
		</div>
	</div>
	<!-- //products --> 
	<div class="container"> 
		<div class="w3agile-deals prds-w3text"> 
			<h5>Vestibulum maximus quam et quam egestas imperdiet. In dignissim auctor viverra.</h5>
		</div>
	</div>
	<!-- dishes -->
{#	<div class="w3agile-spldishes">#}
{#		<div class="container">#}
{#			<h3 class="w3ls-title">Special Foods</h3>#}
{#			<div class="spldishes-agileinfo">#}
{#				<div class="col-md-3 spldishes-w3left">#}
{#					<h5 class="w3ltitle">Staple Specials</h5>#}
{#					<p>Vero vulputate enim non justo posuere placerat Phasellus mauris vulputate enim non justo enim .</p>#}
{#				</div> #}
{#				<div class="col-md-9 spldishes-grids">#}
{#					<!-- Owl-Carousel -->#}
{#					<div id="owl-demo" class="owl-carousel text-center agileinfo-gallery-row">#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g1.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g2.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g3.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g4.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g5.jpg" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a> #}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g1.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g2.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#						<a href="products.html" class="item g1">#}
{#							<img class="lazyOwl" src="images/g3.jpg" title="Our latest gallery" alt=""/>#}
{#							<div class="agile-dish-caption">#}
{#								<h4>Duis congue</h4>#}
{#								<span>Neque porro quisquam est qui dolorem </span>#}
{#							</div>#}
{#						</a>#}
{#					</div> #}
{#				</div>  #}
{#				<div class="clearfix"> </div>#}
{#			</div>#}
{#		</div>#}
{#	</div>#}
	<!-- //dishes --> 
	<!-- modal -->
    {% for foods_full_cate in product_cate %}
	<div class="modal video-modal fade" id="{{ foods_full_cate.id }}" tabindex="-1" role="dialog" aria-labelledby="myModal1">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>						
				</div>
				<section>
					<div class="modal-body">
						<div class="col-md-5 modal_body_left">
							<img src="{{ foods_full_cate.url }}" alt=" " class="img-responsive">
						</div>
						<div class="col-md-7 modal_body_right single-top-right"> 
							<h3 class="item_name">{{ foods_full_cate.name }}</h3>
							<p>Proin placerat urna et consequat efficitur, sem odio blandit enim</p>
							<div class="single-rating">
								<ul>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li class="w3act"><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li class="rating">{{ foods_full_cate.comments }}</li>
									<li><a href="#">添加你的评论</a></li>
								</ul> 
							</div>
							<div class="single-price">
								<ul>
									<li>{{ foods_full_cate.price }}元</li>
									<li><del>$20</del></li> 
{#									<li><span class="w3off">{{ foods_full_cate.discount }}% OFF</span></li>#}
{#									<li>Ends on : Dec,5th</li>#}
									<li><a href="#"><i class="fa fa-gift" aria-hidden="true"></i> 优惠</a></li>
								</ul>	
							</div> 
							<p class="single-price-text">{{ foods_full_cate.introduce }} </p>
							<form action="#" method="post">
								<input type="hidden" name="cmd" value="_cart" />
								<input type="hidden" name="add" value="1" /> 
								<input type="hidden" name="w3ls_item" value="France Special" /> 
								<input type="hidden" name="amount" value="18.00" /> 
								<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
							</form>
{#							<a href="#" class="w3ls-cart w3ls-cart-like"><i class="fa fa-heart-o" aria-hidden="true"></i> Add to Wishlist</a>#}
							<div class="single-page-icons social-icons">
								<ul>
									<li><h4>Share on</h4></li>
									<li><a href="#" class="fa fa-facebook icon facebook"> </a></li>
									<li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
									<li><a href="#" class="fa fa-google-plus icon googleplus"> </a></li>
									<li><a href="#" class="fa fa-dribbble icon dribbble"> </a></li>
									<li><a href="#" class="fa fa-rss icon rss"> </a></li> 
								</ul>
							</div> 
						</div> 
						<div class="clearfix"> </div>
					</div>
				</section>
			</div>
		</div>
	</div>
    {% endfor %}
	<!-- //modal -->
	<!-- subscribe -->
	<div class="subscribe agileits-w3layouts"> 
		<div class="container">
			<div class="col-md-6 social-icons w3-agile-icons">
				<h4>Keep in touch</h4>  
				<ul>
					<li><a href="#" class="fa fa-facebook icon facebook"> </a></li>
					<li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
					<li><a href="#" class="fa fa-google-plus icon googleplus"> </a></li>
					<li><a href="#" class="fa fa-dribbble icon dribbble"> </a></li>
					<li><a href="#" class="fa fa-rss icon rss"> </a></li> 
				</ul> 
				<ul class="apps"> 
					<li><h4>Download Our app : </h4> </li>
					<li><a href="#" class="fa fa-apple"></a></li>
					<li><a href="#" class="fa fa-windows"></a></li>
					<li><a href="#" class="fa fa-android"></a></li>
				</ul> 
			</div> 
			<div class="col-md-6 subscribe-right">
				<h3 class="w3ls-title">Welcome to Our <br><span>NiceFood</span></h3>
				<form action="#" method="post"> 
{#					<input type="email" name="email" placeholder="Enter your Email..." required="">#}
{#					<input type="submit" value="Subscribe">#}
					<div class="clearfix"> </div> 
				</form> 
				<img src="images/i1.png" class="sub-w3lsimg" alt=""/>
			</div>
			<div class="clearfix"> </div> 
		</div>
	</div>
	<!-- //subscribe --> 
	<!-- footer -->
	<div class="footer agileits-w3layouts">
		<div class="container">
			<div class="w3_footer_grids">
				<div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
					<h3>company</h3>
					<ul>
						<li><a href="about.html">About Us</a></li>
						<li><a href="contact.html">Contact Us</a></li>  
						<li><a href="careers.html">Careers</a></li>  
						<li><a href="help.html">Partner With Us</a></li>   
					</ul>
				</div> 
				<div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
					<h3>help</h3>
					<ul>
						<li><a href="faq.html">FAQ</a></li> 
						<li><a href="login.html">Returns</a></li>   
						<li><a href="login.html">Order Status</a></li> 
						<li><a href="offers.html">Offers</a></li> 
					</ul>  
				</div>
				<div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
					<h3>policy info</h3>
					<ul>  
						<li><a href="terms.html">Terms & Conditions</a></li>  
						<li><a href="privacy.html">Privacy Policy</a></li>
						<li><a href="login.html">Return Policy</a></li> 
					</ul>     
				</div>
				<div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
					<h3>Menu</h3> 
					<ul>
						<li><a href="menu.html">All Day Menu</a></li> 
						<li><a href="menu.html">Lunch</a></li>
						<li><a href="menu.html">Dinner</a></li>
						<li><a href="menu.html">Flavours</a></li> 
					</ul>  
				</div> 
				<div class="clearfix"> </div>
			</div>
		</div> 
	</div>
	<div class="copyw3-agile"> 
		<div class="container">
			<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
		</div>
	</div>
	<!-- //footer -->   
	<!-- cart-js -->
	<script src="/static/js/minicart.js"></script>
	<script>
        w3ls.render();

        w3ls.cart.on('w3sb_checkout', function (evt) {
        	var items, len, i;

        	if (this.subtotal() > 0) {
        		items = this.items();

        		for (i = 0, len = items.length; i < len; i++) { 
        		}
        	}
        });
    </script>  
	<!-- //cart-js --> 
	<!-- Owl-Carousel-JavaScript -->
	<script src="/static/js/owl.carousel.js"></script>
	<script>
		$(document).ready(function() {
			$("#owl-demo").owlCarousel ({
				items : 3,
				lazyLoad : true,
				autoPlay : true,
				pagination : true,
			});
		});
	</script>
	<!-- //Owl-Carousel-JavaScript -->  	
	<!-- the jScrollPane script -->
	<script type="text/javascript" src="/static/js/jquery.jscrollpane.min.js"></script>
	<script type="text/javascript" id="sourcecode">
		$(function()
		{
			$('.scroll-pane').jScrollPane();
		});
	</script>
	<!-- //the jScrollPane script -->
	<script type="text/javascript" src="/static/js/jquery.mousewheel.js"></script> <!-- the mouse wheel plugin --> 
	<!-- start-smooth-scrolling -->
	<script src="/static/js/SmoothScroll.min.js"></script>  
	<script type="text/javascript" src="/static/js/move-top.js"></script>
	<script type="text/javascript" src="/static/js/easing.js"></script>	
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
			
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
	<!-- //end-smooth-scrolling -->	  
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});

	</script>
    <script type="text/javascript">
           var all_add_cart = $('.back #add_cart');
           console.log(all_add_cart);
           all_add_cart.each(function () {
               $(this).click(function () {
                   var foods_id = $(this).siblings('#pro_cate_id').val();
                   alert(foods_id);
                   var count = 0;
                   count+=1;
                   {#add_cart.innerText=count;#}
                   {#alert('点击一次');#}
                   if (!foods_id) {
                       alert('商品id不存在');
                       return;
                   };
                   $.ajax({
                       url: '{{ url('shoppingcarts:carts') }}',
                       data: {'id': foods_id,'count':count},
                       type: 'post',
                       dataType: 'json',
                       contentType: "application/json",
                       success: function (data) {
                           alert('添加成功')
                       },
                   });
               });

           })


    </script>
{#    分页 #}
{#    <script type="text/javascript" src="/static/js/jquery.pagination.min.js"></script>#}
{#    <script>#}
{#    $(function () {#}
{#        $('#pagination').pagination({#}
{#            currentPage: {{ page_num }},#}
{#            totalPage: {{ total_page }},#}
{#            callback: function (current) {#}
                {#location.href = '/list/115/1/?sort=default';#}
{#                location.href = '/product/?p_id={{ product_cate.id }}&page_num=' + current;#}
{#            }#}
{#        })#}
{#    });#}
{#</script>#}
	<!-- //smooth-scrolling-of-move-up -->  
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/js/bootstrap.js"></script>
</body>
</html>